<template>
    <div class="demo">
        <!-- 组件的结构 -->
         <div>
                <h2>学校名称：{{ schoolName }}</h2>
                <h2>学校地址： {{ address }}</h2>
                    
        </div>
    </div>
</template>

<script>
// 组件交互相关的代码（数据方法等）
// const school = Vue.extend({
//             data(){
//                 return{
//                     schoolName:"fjut",
//                     address:"福建福州"
//                 }
//             }
//         })
// export default school

export default{
    name:'School',
     data(){
        return{
            schoolName:"fjut",
            address:"福建福州"
            }
        }
    }

</script>

<style>
/* 组件的样式 */
.demo {
    background-color: pink;
}
</style>

